<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@include file="/WEB-INF/jsp/common/head.jsp" %>
<div class="right">
    <div class="location">
        <strong>你现在所在的位置是:</strong>
        <span>用户管理页面</span>
    </div>
    <div class="search">
        <form id="myForm" method="get" action="${pageContext.request.contextPath }/user/list">
            <span>用户名：</span>
            <input name="username" class="input-text" type="text" value="${user.username}">
            <span>用户角色：</span>
            <select name="userrole">
                <c:if test="${roles != null }">
                    <option value="0">--请选择--</option>
                    <c:forEach var="role" items="${roles}">
                        <option value="${role.id}" ${role.id == user.userrole?'selected':''}>${role.rolename}</option>
                    </c:forEach>
                </c:if>
            </select>
            <input type="hidden" id="pageIndex" name="pageIndex" value="1">
            <input value="查 询" type="submit" id="searchbutton">
            <a href="${pageContext.request.contextPath}/user/add">添加用户</a>
        </form>
    </div>
    <!--用户-->
    <table class="providerTable" cellpadding="0" cellspacing="0">
        <tr class="firstTr">
            <th width="10%">用户编码</th>
            <th width="20%">用户名称</th>
            <th width="10%">性别</th>
            <th width="10%">年龄</th>
            <th width="10%">电话</th>
            <th width="10%">用户角色</th>
            <th width="30%">操作</th>
        </tr>
        <c:forEach var="user" items="${pageInfo.list }" varStatus="status">
            <tr>
                <td>
                    <span>${user.usercode }</span>
                </td>
                <td>
                    <span>${user.username }</span>
                </td>
                <td>
							<span>
								<c:if test="${user.gender==1}">男</c:if>
								<c:if test="${user.gender==2}">女</c:if>
							</span>
                </td>
                <td>
                    <span>${user.age}</span>
                </td>
                <td>
                    <span>${user.phone}</span>
                </td>
                <td>
							<span>
								<c:choose>
                                    <c:when test="${user.userrole == 1}">
                                        系统管理员
                                    </c:when>
                                    <c:when test="${user.userrole == 2}">
                                        经理
                                    </c:when>
                                    <c:otherwise>普通员工</c:otherwise>
                                </c:choose>
							</span>
                </td>
                <td>
                    <span><a userid="${user.id}" class="viewUser" href="javascript:;"><img
                            src="${pageContext.request.contextPath }/statics/images/read.png" alt="查看" title="查看"/></a></span>
                    <span><a userid="${user.id}" class="modifyUser" href="javascript:;"><img
                            src="${pageContext.request.contextPath }/statics/images/xiugai.png" alt="修改"
                            title="修改"/></a></span>
                    <span><a class="deleteUser" href="javascript:;"><img
                            src="${pageContext.request.contextPath }/statics/images/schu.png" alt="删除" title="删除"/></a></span>
                </td>
            </tr>
        </c:forEach>
    </table>
    <div class="providerAdd">
        <div>
            <label>用户编码：</label>
            <input type="text" id="v_userCode" value="" readonly="readonly">
        </div>
        <div>
            <label>用户名称：</label>
            <input type="text" id="v_userName" value="" readonly="readonly">
        </div>
        <div>
            <label>用户性别：</label>
            <input type="text" id="v_gender" value="" readonly="readonly">
        </div>
        <div>
            <label>出生日期：</label>
            <input type="text" Class="Wdate" id="v_birthday" value=""
                   readonly="readonly" onclick="WdatePicker();">
        </div>
        <div>
            <label>用户电话：</label>
            <input type="text" id="v_phone" value="" readonly="readonly">
        </div>
        <div>
            <label>用户角色：</label>
            <input type="text" id="v_userRoleName" value="" readonly="readonly">
        </div>
        <div>
            <label>用户地址：</label>
            <input type="text" id="v_address" value="" readonly="readonly">
        </div>
    </div>
</div>
</section>

<!--点击删除按钮后弹出的页面-->
<div class="zhezhao"></div>
<div class="remove" id="removeUse">
    <div class="removerChid">
        <h2>提示</h2>
        <div class="removeMain">
            <p>你确定要删除该用户吗？</p>
            <a href="#" id="yes">确定</a>
            <a href="#" id="no">取消</a>
        </div>
    </div>
</div>

<%@include file="/WEB-INF/jsp/common/foot.jsp" %>
<script type="text/javascript">
    $(function () {
        $(".viewUser").click(function () {
            let id = $(this).attr('userid')
            $.ajax({
                url: "/user/json",
                data: {id:id},
                dataType: "json",
                success: function (res) {
                    console.log(res)
                    if (res){
                        $("#v_userCode").val(res.usercode)
                        $("#v_userName").val(res.username)
                        $("#v_gender").val(res.gender)
                        $("#v_birthday").val(res.birthday)
                        $("#v_phone").val(res.phone)
                        $("#v_userRoleName").val(res.userrole)
                        $("#v_address").val(res.address)
                    }
                }
            });
        })
    })
</script>
